﻿@model Unijovem.UI.Models.FotoUsuarioModel
<script type="text/javascript">
    $(function () {
        $("img.foto").each(function () {
            $(this).corner("round 8px");
        });
    });
</script>
@if (Model.TrocarFoto && Model.UsuarioLogado)
{
    <script type="text/javascript">
        $(function () {
            $("#divTrocarFoto").corner("round 7px");

            $("#linkImagemUsuario").mouseout(function () {
                $("#divTrocarFoto").hide();
            });

            $("#linkImagemUsuario").mouseover(function () {
                $("#divTrocarFoto").show();
            });

            $("#divTrocarFoto").mouseover(function () {
                $("#divTrocarFoto").show();
            });

            $("#trocarFoto").click(function (evt) {
                $.get('@Url.Action("UploadFotoUsuario", "PartialView")', function (data) {
                    $('#dialog-modalFotoUsuario').html(data);
                });

                $("#dialog-modalFotoUsuario").show();

                $("#dialog-modalFotoUsuario").dialog({
                    modal: true,
                    resizable: false,
                    width: 500,
                    height: 450
                });

                evt.preventDefault();
            });
        });

        function atualizarFoto(urlImagem) {
            $("img.foto").each(function () {
                $(this).attr('src', urlImagem);
            });
            $("#divTrocarFoto").hide();
        }
    </script>
}
@{
    var style = string.Concat(Model.Width != 0 ? string.Concat("width:", Model.Width) : string.Concat("max-width:", Model.MaxWidth),
        "px;", Model.Height != 0 ? string.Concat("height:", Model.Height) : string.Concat("max-height:", Model.MaxHeight), "px;");
    var srcImagem = Url.Content(Model.Pessoa.Arquivo != null ?
                                        Path.Combine(Unijovem.UI.Models.ArquivoModel.SelecionarCaminhoImagem(Unijovem.UI.Models.ArquivoModel.TipoArquivo.FotoPessoa), String.IsNullOrEmpty(Model.Pessoa.Arquivo.Nome) ? string.Empty : Model.Pessoa.Arquivo.Nome)
                                        : Model.Pessoa.Sexo == "M" ? "../../Content/Layout/UsuarioHomem.gif" : "../../Content/Layout/UsuarioMulher.gif");
    var href = string.Concat("../Pessoa/Perfil/", Model.Pessoa.Id);
                                        
    if (Model.TrocarFoto && Model.UsuarioLogado)
    {
    <div style="position: relative;" id="fotoOut">
        <a href="@href" id="linkImagemUsuario">
            <img style="@style" src="@srcImagem" alt="@Model.Pessoa.NomeCompleto" class="foto @Model.ClasseCssImagem"/>
        </a>
        <div id="divTrocarFoto" style="display: none; top: 0; position: absolute; left: 0;line-height: 10px; width: @string.Concat(Model.MaxWidth == 0 ? Model.Width : Model.MaxWidth * 0.9, "px"); text-align: center; z-index: 10;"
                 class="divTexto">
            <a href="#" id="trocarFoto">Alterar minha Foto</a>
        </div>
        <div id="dialog-modalFotoUsuario" title="Alterar minha foto" style="display: none">
        </div>
    </div>
    }
    else
    {
    <a href="@href">
        <img style="@style" src="@srcImagem" alt="@Model.Pessoa.NomeCompleto" class="foto @Model.ClasseCssImagem"/>
    </a>
    }
}
